/* banner */
.bannerpic{padding-bottom: 650px;}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom: 44%;}
}

/* title */
.home_title{line-height: 1;text-align: center;padding-bottom: 50px;}
.home_title p{font-size: 40px;font-weight: 600;color: #0053a6;padding: 0 115px;position: relative;display: inline-block;}
.home_title p::before{content: "";width: 100px;height: 100%;background: url(../images/icon4.png) right center no-repeat;position: absolute;left: 0;top: 0;}
.home_title p::after{content: "";width: 100px;height: 100%;background: url(../images/icon5.png) left center no-repeat;position: absolute;right: 0;top: 0;}
.home_title p em{font-family: Helvetica Neue;font-style: normal;margin-top: -2px;display: inline-block;padding: 0 10px;}
.home_title p a{color: #da251c;}
.home_title span{display: block;font-size: 15px;color: #999;line-height: 20px;padding: 20px 10% 0;}

@media only screen and (max-width:1250px){
.home_title{padding-bottom: 45px;}
.home_title p{font-size: 36px;margin-bottom: -1px;}
}
@media only screen and (max-width:1024px){
.home_title{padding-bottom: 40px;}
.home_title p{font-size: 30px;padding: 0 90px;}
.home_title p::before,
.home_title p::after{width: 80px;}
.home_title span{font-size: 14px;padding-top: 15px;}
}
@media only screen and (max-width:768px){
.home_title{padding-bottom: 30px;}
.home_title p{padding: 0 80px;}
.home_title p::before,
.home_title p::after{width: 70px;}
.home_title span{padding: 10px 4% 0;}
}
@media only screen and (max-width:480px){
.home_title{padding-bottom: 25px;}
.home_title p{font-size: 25px;padding: 0 60px;}
.home_title p::before,
.home_title p::after{width: 50px;}
.home_title p em{padding: 0 5px;}
}
@media only screen and (max-width:359px){
.home_title p{padding: 0;}
.home_title p::before,
.home_title p::after{content: none;}
.home_title span{padding: 10px 2% 0;}
}

/* product */
.productbox{padding: 75px 0;overflow: hidden;}

.clalist{width: 20%;max-width: 270px;float: left;}
.clalist .tit{background: #0053a6;color: #fff;text-align: center;padding: 30px 0;line-height: 1;}
.clalist .tit p{font-size: 30px;padding: 10px;}
.clalist .tit span{font-size: 15px;color: rgba(255,255,255,.7);text-transform: uppercase;letter-spacing: 1px;display: block;}

.clalist ul{flex-wrap: wrap;}
.clalist ul li{padding-top: 5px;width: 100%;}
.clalist ul li a{display: block;line-height: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.clalist ul li .f1{display: block;width: 100%;height: 100%;position: relative;background: #f2f9ff;transition: background .5s ease;}
.clalist ul li .f1 a{padding: 15px 5% 15px 10%;font-size: 15px;color: #0053a6;}
.clalist ul li:hover .f1{background: #da251c;}
.clalist ul li:hover .f1 a{color: #fff;font-weight: 600;}

.clalist .tel{background: #f2f9ff;color: #0053a6;padding: 10% 5% 10% 10%;margin-top: 5px;}
.clalist .tel .txt{padding-left: 37%;position: relative;}
.clalist .tel .txt em{width: 72px;height: 72px;overflow: hidden;position: absolute;left: 0;top: 0;margin: -1px;z-index: 5;}
.clalist .tel .txt em img{width: 90px;margin: -9px;position: relative;z-index: -1;}
.clalist .tel .txt span{font-size: 15px;line-height: 20px;display: block;padding: 0 2px 6px;}
.clalist .tel .txt p{font-size: 20px;line-height: 22px;font-weight: 600;white-space: nowrap;}

.prolist{width: 78%;max-width: 1110px;float: right;margin-bottom: -20px;}
.prolist ul{flex-wrap: wrap;margin: 0 -15px;}
.prolist ul li{width: 33.333%;float: left;flex-shrink: 0;padding: 0 15px 15px;text-align: center;}
.prolist ul li.li_10{display: none;}
.prolist ul li a{display: block;width: 100%;height: 100%;}
.prolist ul li p{width: 100%;padding-bottom: 75%;border: 1px solid #ddd;background: #fff;position: relative;overflow: hidden;}
.prolist ul li p img{height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.prolist ul li h3{display: block;font-size: 15px;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prolist ul li:hover a{color: #da251c;}
.prolist ul li:hover p{box-shadow: 0 2px 15px rgba(0,0,0,.1);}

@media only screen and (max-width:1440px){
.productbox{padding: 65px 0;}
}
@media only screen and (max-width:1250px){
.productbox{padding: 60px 0;}
.clalist .tit{padding: 20px 0 22px;}
.clalist .tit p{font-size: 26px;padding: 9px;}
.clalist .tit span{font-size: 14px;}
.clalist ul li .f1 a{padding: 12px 4% 12px 7%;}
.clalist .tel{padding: 10% 4% 10% 7%;}
.clalist .tel .txt em{width: 60px;height: 60px;margin: 0;}
.clalist .tel .txt em img{width: 70px;margin: -5px;}
.clalist .tel .txt span{line-height: 1;display: block;padding-bottom: 5px;}
.clalist .tel .txt p{font-size: 18px;line-height: 20px;}
.prolist ul{margin: 0 -10px;}
.prolist ul li{padding: 0 10px 10px;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 55px 0;}
.clalist{width: 100%;max-width: none;}
.clalist .tit,
.clalist .tel{display: none;}
.prolist{width: 100%;max-width: none;margin-bottom: -15px;}
.clalist ul{margin: -1px;padding-bottom: 40px;}
.clalist ul li{width: 25%;padding: 1px;text-align: center;}
.clalist ul li .f1{min-height: 50px;}
.clalist ul li .f1 a{padding: 5px;white-space: normal;position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
}
@media only screen and (max-width:768px){
.productbox{padding: 45px 0;}
.clalist ul{padding-bottom: 35px;}
.clalist ul li{width: 33.333%;}
.prolist ul li{width: 50%;}
.prolist ul li.li_10{display: block;}
}
@media only screen and (max-width:480px){
.productbox{padding: 40px 0;}
.clalist ul{padding-bottom: 30px;}
.clalist ul li{width: 50%;}
.prolist ul{margin: 0 -5px;}
.prolist ul li{padding: 0 5px 10px;}
}
@media only screen and (max-width:425px){
.clalist ul li .f1{min-height: 44px;}
.clalist ul li .f1 a{line-height: 18px;}
.prolist ul{margin: 0 -3px;}
.prolist ul li{padding: 0 3px 5px;}
}

/* advantage */
.advantagebox{background: #f2f9ff;padding: 80px 0;}
.advantagebox ul{margin: -1px;flex-wrap: wrap;padding-bottom: 20px;}
.advantagebox ul li{width: 50%;float: left;flex-shrink: 0;padding: 1px;position: relative;z-index: 1;}
.advantagebox ul li div{width: 100%;height: 100%;background: #fff;color: #0053a6;padding: 45px 40px 5px;}
.advantagebox ul li p{padding: 15px 0 0 130px;position: relative;}
.advantagebox ul li em{width: 115px;position: absolute;left: 0;top: 0;background: url(../images/ys_bg1.png) center no-repeat;background-size: auto 100%;}
.advantagebox ul li em img{position: absolute;left: 50%;top: 50%;margin: -25px;z-index: 1;}
.advantagebox ul li em::after{content: "";display: block;width: 100%;padding-bottom: 100%;position: relative;z-index: 5;}
.advantagebox ul li strong{display: block;font-size: 30px;line-height: 1;}
.advantagebox ul li span{display: block;font-size: 15px;line-height: 24px;padding-top: 15px;height: 110px;color: #808080;overflow: hidden;}

.advantagebox ul li:hover{z-index: 5;}
.advantagebox ul li:hover div{box-shadow: 0 2px 15px rgba(0,0,0,.1);color: #da251c;}
.advantagebox ul li.active div{color: #da251c;}
.advantagebox ul li:hover em,
.advantagebox ul li.active em{background-image: url(../images/ys_bg2.png);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);transform: rotateZ(360deg);}

@media only screen and (max-width:1440px){
.advantagebox{padding: 70px 0;}
.advantagebox ul{padding-bottom: 15px;}
}
@media only screen and (max-width:1250px){
.advantagebox{padding: 65px 0;}
.advantagebox ul{padding-bottom: 10px;}
.advantagebox ul li div{padding: 40px 25px 0;}
.advantagebox ul li em{width: 100px;}
.advantagebox ul li p{padding: 10px 0 0 110px;}
.advantagebox ul li span{padding-top: 10px;height: 100px;}
}
@media only screen and (max-width:1024px){
.advantagebox{padding: 55px 0;}
.advantagebox ul li div{padding: 30px 15px 0;}
.advantagebox ul li em{width: 80px;}
.advantagebox ul li em img{width: 40px;margin: -20px;}
.advantagebox ul li p{padding: 5px 0 0 90px;}
.advantagebox ul li strong{font-size: 25px;}
.advantagebox ul li span{font-size: 14px;line-height: 20px;height: 90px;}
}
@media only screen and (max-width:768px){
.advantagebox{padding: 50px 0;}
.advantagebox ul{padding-bottom: 5px;}
.advantagebox ul li div{padding: 8% 4%;text-align: center;}
.advantagebox ul li em{width: 80px;left: 50%;top: 0;margin-left: -40px;}
.advantagebox ul li p{padding: 100px 0 0;}
.advantagebox ul li span{font-size: 15px;line-height: 25px;height: auto;padding-top: 15px;}
}
@media only screen and (max-width:480px){
.advantagebox{padding: 45px 0;}
.advantagebox ul li div{padding: 10% 4%;}
.advantagebox ul li p{padding-top: 95px;}
.advantagebox ul li strong{font-size: 20px;}
.advantagebox ul li span{font-size: 14px;line-height: 20px;padding-top: 10px;}
}
@media only screen and (max-width:425px){
.advantagebox{padding: 40px 0;}
.advantagebox ul li strong{font-size: 18px;}
}

/* project */
.projectbox{padding: 75px 0 70px;}
.projectbox .page_main_box{padding-bottom: 50px;}
.projectbox ul li{width: 25%;float: left;text-align: center;text-align: center;}
.projectbox ul li div{width: 100%;height: 100%;}
.projectbox ul li div p{width: 100%;padding-bottom: 75%;overflow: hidden;position: relative;background: #f0f0f0;}
.projectbox ul li div p img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.projectbox ul li div p a{width: 50px;background: rgba(220,35,30,.75);padding: 15px;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin: -25px;-webkit-transform: scale(0,0);-moz-transform: scale(0,0);transform: scale(0,0);opacity: 0;}
.projectbox ul li div p a::before{content: "";width: 100%;padding-bottom: 100%;background: url(../images/icon6.png) center no-repeat;display: block;}
.projectbox ul li div h3 a{font-size: 15px;line-height: 20px;padding: 15px 5px;display: block;background: #f5f5f5;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.projectbox ul li:hover div h3 a{background: #da251c;color: #fff;font-weight: 600;}
.projectbox ul li:hover div p a{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);transform: scale(1,1);opacity: 1;}
.projectbox ul li:hover div p a:hover{-webkit-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);transform: rotateZ(90deg);}

@media only screen and (max-width:1440px){
.projectbox{padding: 65px 0 60px;}
}
@media only screen and (max-width:1250px){
.projectbox{padding: 60px 0 55px;}
.projectbox .page_main_box{padding-bottom: 45px;}
}
@media only screen and (max-width:1024px){
.projectbox{padding: 55px 0 50px;}
}
@media only screen and (max-width:768px){
.projectbox{padding: 50px 0 45px;}
}
@media only screen and (max-width:480px){
.projectbox{padding: 45px 0 40px;}
.projectbox .page_main_box{padding-bottom: 40px;}
}
@media only screen and (max-width:425px){
.projectbox{padding: 40px 0 35px;}
.projectbox .page_main_box{padding-bottom: 35px;}
}

/* company */
.companybox{padding: 80px 0;background: #f5f5f5 url(../images/bg2.jpg) center bottom no-repeat;background-size: 93.75% auto;}
.companybox .home_title{position: relative;z-index: 5;}
.companybox .home_title p,
.companybox .home_title p a{color: #fff;}
.companybox .home_title span{color: rgba(255,255,255,.8);}

.companybox .text{padding: 365px 15px 20px;}
.companybox .text .pic{width: 35%;max-width: 480px;float: right;}
.companybox .text .pic p{width: 100%;border-radius: 10px;overflow: hidden;}
.companybox .text .pic p em{padding-bottom: 360px;z-index: -1;}
.companybox .text .pic p em img{max-width: none;max-height: none;height: 100%;min-width: 100%;}

.companybox .text .txt{width: 63%;max-width: 850px;float: left;}
.companybox .text .txt .tt{width: 100%;font-size: 30px;font-weight: 600;color: #0053a6;line-height: 30px;}
.companybox .text .txt .tx{width: 100%;height: 250px;overflow: hidden;font-size: 15px;line-height: 2;text-indent: 2em;color: #666;margin: 20px 0 10px;}
.companybox .text .txt .tx p{padding: 5px 0;}
.companybox .text .txt .ur{width: 100%;overflow: hidden;}
.companybox .text .txt .ur a{float: left;font-size: 15px;line-height: 20px;padding: 14px 48px;border: 1px solid #ddd;color: #808080;}
.companybox .text .txt .ur a:hover{background-color: #da251c;border-color: #da251c;color: #fff;font-weight: 600;}
.companybox .text .txt:hover .tt{color: #da251c;}

.companybox .list{width: 100%;padding: 15px;position: absolute;left: 0;top: 0;z-index: 5;}
.companybox .list::after{content: "";width: 100%;height: 50%;background: #f5f5f5;position: absolute;left: 0;top: 0;z-index: 1;}
.companybox .list ul{margin-left: -1px;position: relative;z-index: 5;}
.companybox .list ul li{width: 33.333%;float: left;flex-shrink: 0;text-align: center;border-left: 1px solid #f5f5f5;overflow: hidden;}
.companybox .list ul li div{width: 100%;height: 100%;background: #0053a6;padding: 50px 20px;color: #fff;}
.companybox .list ul li em{display: block;width: 100%;height: 70px;}
.companybox .list ul li em img{height: 100%;}
.companybox .list ul li p{font-size: 40px;font-weight: 600;line-height: 40px;padding: 25px 0 20px;}
.companybox .list ul li strong{font-size: 30px;line-height: 40px;display: block;padding: 25px 0 20px;}
.companybox .list ul li span{font-size: 20px;line-height: 20px;display: block;height: 20px;}
.companybox .list ul li span i{display: inline-block;font-style: normal;font-size: 22px;height: 20px;margin-bottom: -1px;}
.companybox .list ul li.active div{background: #da251c;}

.companybox .bgbox{width: 100%;padding-bottom: 360px;background: #0053a6 url(../images/bg1.jpg) center bottom no-repeat;position: absolute;left: 0;top: 0;z-index: 1;}

@media only screen and (max-width:1440px){
.companybox{padding: 70px 0;background-size: 100% auto;}
.companybox .text{padding: 310px 10px 10px;}
.companybox .list{padding: 10px;}
.companybox .list ul li div{padding: 45px 20px;}
.companybox .list ul li em{height: 60px;}
.companybox .list ul li p,
.companybox .list ul li strong{padding: 20px 0 15px;}
.companybox .bgbox{padding-bottom: 330px;}
}
@media only screen and (max-width:1250px){
.companybox{padding: 65px 0;}
.companybox .text{padding-top: 280px;}
.companybox .text .txt .tx{margin: 10px 0;height: 260px;line-height: 1.8;}
.companybox .text .txt .tt{font-size: 26px;}
.companybox .list ul li div{padding: 35px 15px;}
.companybox .bgbox{padding-bottom: 305px;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 60px 0;background: #f5f5f5;}
.companybox .text{padding: 0;}
.companybox .text .pic{width: 100%;max-width: 100%;border: 10px solid #f5f5f5;border-bottom: none;}
.companybox .text .pic p{border-radius: 0;}
.companybox .text .pic em{background: #f5f5f5;}
.companybox .text .pic p em img{width: 100%;min-width: auto;height: auto;min-height: 100%;}
.companybox .text .txt{width: 100%;max-width: 100%;position: relative;background: url(../images/bg2.jpg) center no-repeat;background-size: 100% auto;}
.companybox .text .txt .tt{padding: 25px 10px 15px;}
.companybox .text .txt .tx{height: auto;margin: 0;padding-bottom: 3%;}
.companybox .text .txt .ur{position: absolute;left: 0;top: 0;}
.companybox .text .txt .ur a{width: 100%;border: none;opacity: 0;}
.companybox .list{position: relative;padding: 0 0 5px;}
.companybox .list::after{content: "";}
.companybox .list ul li div{padding: 30px 10px;}
.companybox .list ul li p,
.companybox .list ul li strong{padding: 20px 0 10px;}
.companybox .list ul li span{font-size: 16px;}
.companybox .list ul li span i{font-size: 18px;position: relative;top: 1px;}
.companybox .bgbox{padding-bottom: 320px;}
}
@media only screen and (max-width:768px){
.companybox{padding: 55px 0;}
.companybox .list ul li div{padding: 25px 10px;}
.companybox .list ul li em{height: 50px;}
.companybox .list ul li p{font-size: 30px;line-height: 30px;font-weight: 600;padding: 15px 0 5px;}
.companybox .list ul li strong{font-size: 24px;line-height: 30px;font-weight: 600;padding: 15px 0 5px;}
}
@media only screen and (max-width:480px){
.companybox{padding: 45px 0;}
.companybox .text .pic{border-width: 5px;}
.companybox .text .pic p em{padding-bottom: 75%;}
.companybox .text .txt{background-size: auto 100%;}
.companybox .text .txt .tt{font-size: 20px;padding: 15px 5px 10px;}
.companybox .text .txt .tx{padding-bottom: 4%;}
.companybox .text .txt .tx p{padding: 0 5px 10px;}
.companybox .list ul li div{padding: 15% 5px 10%;}
.companybox .list ul li p,
.companybox .list ul li strong{display: none;}
.companybox .list ul li span{height: auto;padding-top: 15px;}
.companybox .list ul li span i{font-size: 16px;}
.companybox .bgbox{padding-bottom: 65%;}
}
@media only screen and (max-width:425px){
.companybox .list ul li em{height: 45px;}
}

/* zixun */
.zixunbox{padding: 75px 0;}

.newsbox{width: 48.5%;max-width: 695px;float: left;}
.newsbox .title{background: #f2f9ff;margin-bottom: 25px;overflow: hidden;}
.newsbox .title p{font-size: 20px;font-weight: 600;line-height: 20px;}
.newsbox .title p em{float: left;color: #0053a6;padding: 15px 35px;font-style: normal;cursor: grab;}
.newsbox .title p em:hover,
.newsbox .title p em.on{background: #0053a6;color: #fff;}
.newsbox .title span{float: right;width: 100px;font-size: 15px;line-height: 20px;text-align: center;text-transform: uppercase;position: relative;}
.newsbox .title span a{display: block;width: 100%;color: #0053a6;padding: 15px 0;overflow: hidden;white-space: nowrap;opacity: 0;position: absolute;left: 0;top: 0;z-index: 1;}
.newsbox .title span a.on{opacity: 1;position: relative;z-index: 5;}
.newsbox .title span a:hover{color: #da251c;}

.newsbox .list{width: 100%;position: relative;left: -100%;-webkit-transition: left .5s ease;-moz-transition: left .5s ease;transition: left .5s ease;}
.newsbox .list ul{width: 100%;float: left;flex-shrink: 0;overflow: hidden;}
.newsbox .list ul li{width: 100%;overflow: hidden;border-bottom: 1px dashed #ddd;position: relative;}

.newsbox .list ul .li_0{padding: 0 0 29px 205px;}
.newsbox .list ul .li_0 .pic{width: 184px;position: absolute;left: 0;top: 0;overflow: hidden;border: 1px solid #ddd;}
.newsbox .list ul .li_0 .pic a{display: block;width: 100%;padding-bottom: 75%;position: relative;}
.newsbox .list ul .li_0 .pic a img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.newsbox .list ul .li_0 .titl a{display: block;font-size: 17px;font-weight: 600;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newsbox .list ul .li_0 .titl a:hover{color: #da251c;}
.newsbox .list ul .li_0 .text{width: 100%;font-size: 15px;line-height: 24px;margin: 5px 0;color: #808080;height: 75px;overflow: hidden;}
.newsbox .list ul .li_0 .text br{display: none;}
.newsbox .list ul .li_0 .text:hover{color: #666;}
.newsbox .list ul .li_0 .time{width: 100%;font-size: 15px;color: #999;line-height: 25px;}

.newsbox .list ul .li_f.li_1{display: none;}
.newsbox .list ul .li_f a{display: block;padding: 15px 80px 15px 25px;background: url(../images/icon7.png) 5px center no-repeat;font-size: 15px;line-height: 24px;color: #666;}
.newsbox .list ul .li_f span{font-size: 15px;color: #999;position: absolute;right: 0;top: 50%;margin-top: -10px;}
.newsbox .list ul .li_f:hover a{background-image: url(../images/icon9.png);color: #da251c;}

.faqbox{width: 48.5%;max-width: 695px;float: right;background: #105ca8 url(../images/bg3.jpg) right bottom no-repeat;padding: 40px 40px 45px;}
.faqbox .title{width: 100%;padding-bottom: 35px;overflow: hidden;line-height: 20px;}
.faqbox .title p{float: left;font-size: 20px;font-weight: 600;color: #fff;}
.faqbox .title a{float: right;font-size: 15px;color: #fff;text-transform: uppercase;height: 20px;line-height: 21px;}
.faqbox .title a:hover{text-decoration: underline;}

.faqbox .list{width: 100%;height: 380px;}
.faqbox .list ul li{width: 100%;padding-left: 165px;position: relative;}
.faqbox .list ul li .pic{width: 145px;position: absolute;left: 0;top: 0;}
.faqbox .list ul li .pic a{display: block;width: 100%;padding-bottom: 104px;position: relative;background: #fff;border: 3px solid #f2f9ff;overflow: hidden;}
.faqbox .list ul li .pic a img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.faqbox .list ul li .tit a{display: block;font-size: 15px;font-weight: 600;color: #fff;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.faqbox .list ul li .tit a:hover{text-decoration: underline;}
.faqbox .list ul li .txt{width: 100%;font-size: 15px;line-height: 24px;color: rgba(255,255,255,.9);height: 80px;overflow: hidden;padding-top: 6px;;}
.faqbox .list ul li .txt br{display: none;}
.faqbox .list ul li .txt:hover{color: #fff;}

@media only screen and (max-width:1440px){
.zixunbox{padding: 65px 0;}
.newsbox .list ul .li_0 .text,
.faqbox .list ul li .txt{font-size: 14px;}
}
@media only screen and (max-width:1250px){
.zixunbox{padding: 60px 0;}
.newsbox .title p{font-size: 18px;}
.newsbox .title p em{padding: 13px 30px;}
.newsbox .title span a{padding: 13px 0;}
.newsbox .list ul .li_0{padding: 0 0 24px 190px;}
.newsbox .list ul .li_0 .pic{width: 176px;}
.newsbox .list ul .li_0 .titl a{font-size: 16px;line-height: 25px;}
.newsbox .list ul .li_0 .text{height: 74px;}
.newsbox .list ul .li_f a{line-height: 20px;}
.faqbox{padding: 30px 2.5% 40px;}
.faqbox .title{padding-bottom: 25px;}
.faqbox .list{height: 370px;}
.faqbox .list ul li{padding-left: 160px;}
}
@media only screen and (max-width:1024px){
.zixunbox{padding: 55px 0;}
.newsbox{width: 100%;max-width: 100%;padding-bottom: 5%;}
.newsbox .title p{font-size: 20px;}
.newsbox .title p em{padding: 15px 35px;}
.newsbox .title span a{padding: 15px 0;}
.newsbox .list ul .li_0{padding: 0 0 29px 220px;}
.newsbox .list ul .li_0 .pic{width: 200px;}
.newsbox .list ul .li_0 .titl a{font-size: 18px;line-height: 30px;}
.newsbox .list ul .li_0 .text{height: 75px;font-size: 15px;margin: 10px 0;}
.newsbox .list ul .li_f a{line-height: 25px;}
.faqbox{width: 100%;max-width: 100%;padding: 40px 35px 45px;}
.faqbox .list ul li .tit a{font-size: 16px;}
.faqbox .list ul li .txt{font-size: 15px;}
}
@media only screen and (max-width:768px){
.zixunbox{padding: 50px 0;}
.newsbox{padding-bottom: 35px;}
.newsbox .list ul .li_0{padding: 0 0 24px 190px;}
.newsbox .list ul .li_0 .pic{width: 176px;}
.newsbox .list ul .li_0 .titl a{font-size: 16px;line-height: 25px;}
.newsbox .list ul .li_0 .text{font-size: 14px;margin: 5px 0;}
.newsbox .list ul .li_f a{line-height: 20px;}
.faqbox{padding: 35px 5% 40px;}
.faqbox .list ul li .tit a{font-size: 15px;}
.faqbox .list ul li .txt{font-size: 14px;}
}
@media only screen and (max-width:480px){
.zixunbox{padding: 45px 0;}
.newsbox .title p{font-size: 18px;}
.newsbox .title p em{padding: 13px 30px;}
.newsbox .title span a{padding: 13px 0;}
.newsbox .list ul .li_0{padding: 75% 0 0;}
.newsbox .list ul .li_0 .pic{width: 100%;}
.newsbox .list ul .li_0 .titl{padding-top: 15px;}
.newsbox .list ul .li_0 .text{font-size: 15px;margin: 5px 0 15px;height: auto;}
.newsbox .list ul .li_0 .time,
.newsbox .list ul .li_f span{display: none;}
.newsbox .list ul .li_f a{padding: 15px 0 15px 25px;}
.faqbox{padding: 5px 0 30px;}
.faqbox .title{padding: 15px 20px;border-bottom: 1px solid rgba(255,255,255,.4);margin-bottom: 20px;}
.faqbox .list{padding: 0 20px;height: 380px;}
.faqbox .list ul li{padding-left: 0;}
.faqbox .list ul li .pic{display: none;}
.faqbox .list ul li .txt{line-height: 20px;padding-top: 3px;}
}
@media only screen and (max-width:425px){
.zixunbox{padding: 40px 0;}
.newsbox{padding-bottom: 25px;}
.newsbox .title{margin-bottom: 20px;}
.newsbox .title p{font-size: 16px;}
.newsbox .title p em{padding: 10px 20px;}
.newsbox .title span{width: 80px;font-size: 14px;}
.newsbox .title span a{padding: 10px 0;}
.newsbox .list ul .li_0 .titl a{font-size: 15px;}
.newsbox .list ul .li_0 .text{font-size: 14px;}
.newsbox .list ul .li_f a{padding: 12px 0 12px 20px;background-position: left center;}
}

/* contact */
.contactbox .txtbox{width: 50%;float: left;background: #0053a6 url(../images/bg4.jpg) center no-repeat;background-size: auto 100%;padding: 50px 4% 25px;flex-shrink: 0;color: #fff;}
.contactbox .txtbox .titl{width: 70%;max-width: 400px;font-size: 30px;font-weight: 600;line-height: 30px;padding: 10px 0 20px;}
.contactbox .txtbox p{font-size: 16px;line-height: 24px;padding: 8px 0 8px 35px;background: none left 8px no-repeat;}

.contactbox .txtbox .line{width: 70%;max-width: 400px;border: 1px solid rgba(255,255,255,.4);border-width: 1px 0;padding: 26px 5px 22px;}
.contactbox .txtbox p.lxr{background-image: url(../images/icon10.png);font-size: 18px;}
.contactbox .txtbox .line em{font-size: 48px;line-height: 50px;font-style: normal;display: block;}

.contactbox .txtbox .text{width: 70%;max-width: 400px;padding: 20px 5px 0;}
.contactbox .txtbox p.gs{background-image: url(../images/icon11.png);}
.contactbox .txtbox p.dz{background-image: url(../images/icon12.png);}

.contactbox .txtbox .ewm{width: 140px;position: absolute;right: 8%;top: 110px;background: #fff;}
.contactbox .txtbox .ewm img{width: 100%;}

#order{width: 50%;float: right;background: #e6e8eb url(../images/bg5.jpg) center no-repeat;background-size: auto 100%;padding: 45px 4%;flex-shrink: 0;}
#order ul li{width: 100%;border-bottom: 1px solid #ccc;overflow: hidden;position: relative;padding: 0 10px 0 65px;margin-bottom: 9px;}
#order ul li span{font-size: 15px;color: #808080;line-height: 20px;position: absolute;left: 0;top: 50%;margin-top: -10px;}
#order ul li .red{color: #da251c;line-height: 25px;right: 0;left: auto;}
#order ul li .txt{display: block;width: 100%;padding: 10px 0;line-height: 20px;background: none;}
#order ul li.li_2 .txt{height: 40px;white-space: nowrap;resize: none;outline: none;overflow: hidden;}
#order ul li.li_3 img{position: absolute;right: 15px;top: 50%;margin-top: -9px;cursor: pointer;}
#order ul li.li_4{padding: 20px 0 0;border: 0;}
#order ul li.li_4 .tj{display: block;width: 100%;background: #0053a6;font-size: 15px;color: #fff;font-weight: 600;line-height: 20px;padding: 15px;border-radius: 3px;cursor: pointer;text-align: center;}
#order ul li.li_4 .tj:hover{background-color: #da251c;}

@media only screen and (max-width:1440px){
.contactbox .txtbox{padding: 40px 3% 20px;}
.contactbox .txtbox .ewm{top: 100px;right: 6%;}
#order{padding: 35px 3% 40px;}
}
@media only screen and (max-width:1250px){
.contactbox .txtbox{padding-top: 30px;}
.contactbox .txtbox .ewm{display: none;}
.contactbox .txtbox .line,
.contactbox .txtbox .text{width: 100%;}
#order{padding-top: 30px;}
}
@media only screen and (max-width:1024px){
.contactbox .txtbox{padding-top: 25px;}
.contactbox .txtbox .line{padding: 20px 5px 18px;}
.contactbox .txtbox .text p{padding: 5px 0 5px 35px;background-position: left 5px;}
#order{padding: 25px 3% 35px;}
#order ul li{margin-bottom: 5px;}
#order ul li.li_4 .tj{padding: 12px;}
}
@media only screen and (max-width:768px){
.contactbox .page_main_box{flex-wrap: wrap;}
.contactbox .txtbox{width: 100%;padding: 35px 5% 40px;}
.contactbox .txtbox .line{padding: 26px 0 22px 5px;}
.contactbox .txtbox .ewm{display: block;right: 6%;top: 95px;}
.contactbox .txtbox .text p{padding: 8px 0 8px 35px;background-position: left 8px;}
#order{width: 100%;padding: 35px 5.5% 40px;}
#order ul li{margin-bottom: 10px;}
}
@media only screen and (max-width:640px){
.contactbox .txtbox{padding: 4% 6% 6%;}
.contactbox .txtbox .line{padding: 3% 0 3% 5px;max-width: 96%;}
.contactbox .txtbox .text{max-width: 100%;}
.contactbox .txtbox .text p{padding: 5px 0 5px 35px;background-position: left 5px;}
.contactbox .txtbox .ewm{display: none;}
#order{padding: 30px 6.5% 40px;}
}
@media only screen and (max-width:480px){
.contactbox .txtbox{padding: 25px 25px 30px;}
.contactbox .txtbox .titl{padding: 5px 0 15px;}
.contactbox .txtbox .line em{font-size: 40px;line-height: 1;}
#order{padding: 20px 30px 30px;}
#order ul li{margin-bottom: 5px;}
}
@media only screen and (max-width:425px){
.contactbox .txtbox{padding: 15px 20px 20px;}
.contactbox .txtbox .titl{padding: 5px 0 10px;font-size: 25px;}
.contactbox .txtbox .line{padding: 3% 0;max-width: 100%;}
.contactbox .txtbox .line em{font-size: 40px;line-height: 1;}
.contactbox .txtbox .text{padding: 15px 0 0;}
.contactbox .txtbox .text p{font-size: 15px;}
#order{padding: 15px 20px 30px;}
}

/* links */
.linkbox{line-height: 30px;padding: 50px 0;}
.linkbox .titl{width: 100%;border-bottom: 1px solid #ddd;float: left;font-size: 20px;color: #0053a6;line-height: 1;}
.linkbox .titl p{float: left;font-weight: 600;border-bottom: 1px solid #0053a6;margin-bottom: -1px;padding: 5px 0 9px;}
.linkbox .titl span{float: left;padding: 7px 0 7px 10px;border-bottom: 1px solid #0053a6;margin-bottom: -1px;}

.linkbox ul{width: 100%;float: left;padding-top: 20px;}
.linkbox ul li{display: inline;padding: 0 5px;}
.linkbox ul li a{white-space: nowrap;}

@media only screen and (max-width:1440px){
.linkbox{padding: 40px 0;}
}
@media only screen and (max-width:1250px){
.linkbox{padding: 35px 0;}
.linkbox ul{padding: 20px 0 5px;line-height: 24px;}
}
@media only screen and (max-width:1024px){
.linkbox{padding: 30px 0;}
.linkbox .page_main_box{display: none;}
}
@media only screen and (max-width:768px){
.linkbox{padding: 25px 0;}
}
@media only screen and (max-width:480px){
.linkbox{padding: 20px 0;}
}